<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>结算页</title>
    <link rel="shortcut icon" href="../images/oppo.ico">
    <meta name="referrer" content="never">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <link rel="stylesheet" href="../css/clear.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2825001_8wdx6usmzxm.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2703730_5uo2t633nzk.css">
    <script src="../lib/js/jquery.js"></script>
    <script src="../lib/bootstrap.js"></script>
    <script src="../lib/js/cookie.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../lib/js/ajax.js"></script>
</head>

<body>
    <div id="header">
        <div class="container">
            <ul>
                <li><a href="">欢太品牌</a></li>
                <li><a href="">欢太云服务</a></li>
                <li><a href="">软件商店</a></li>
                <li><a href="">健康</a></li>
            </ul>
            <ol class="login">
                <li><a href="">欢太商城APP</a></li>
                <li><a href="./login.html"><i class="iconfont icon-yonghu"></i><span>登录</span>
                    </a></li>
                <li><a href="./register.html">注册</a></li>
                <li><a href="../html/cart.html"><i class="iconfont icon-gouwuchekong"></i><span>购物车</span><span class="qwe">0</span></a></li>
            </ol>
        </div>
    </div>
    <div id="nav">
        <div class="con">
            <h1><img src="../images/logo_03.jpg" alt=""></h1>
            <div class="nav_box">
                <a href="../html/list.html">OPPO专区 </a>
                <a href="">OnePlus专区</a>
                <a href="">realme专区</a>
                <a href="">智能硬件</a>
                <a href="">潮流好物</a>
                <a href="">服务</a>
            </div>
            <input type="text" placeholder="OPPO K9 PRO">
        </div>
    </div>
    <div class="addres">
        <div class="con">
            <section class="clear-fix">
                <h2>收货地址</h2>
                <div class="left clear-fix">
                    <div class="left_top">
                        <div class="tag">
                            默认
                        </div>
                        <div class="user">
                            陈国荣
                        </div>
                        <div class="phone">
                            13557976120
                        </div>
                        <div class="operation">
                            <span>编辑</span>
                            <span>删除</span>
                        </div>
                    </div>
                    <div class="txt">
                        xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                    </div>
                </div>
                <div class="right clear-fix">
                    <label for=""><span>+</span>
                    <span>添加新地址</span></label>
                </div>
                <div class="cover">
                    <input type="text" placeholder="请输入收货人姓名" name="user"><br>
                    <input type="text" placeholder="请输入十一位手机号" name="phone"><br>
                    <select id="province">
                    <option value="请选择省份">请选择省份</option>
                    </select>
                    <select id="city">
                    <option value="请选择城市">请选择城市</option>
                    </select>
                    <select id="area">
                    <option value="请选择城区">请选择城区</option>
                    </select>
                    <select id="town">
                    <option value="请选择城镇街道">请选择城镇街道</option>
                    </select><br>
                    <textarea name="" id="" cols="30" rows="10" placeholder="详细地址"></textarea><br>
                    <div><input type="checkbox"><label for="">设为默认地址</label> </div>
                    <button class="cancel">取消</button>
                    <button class="save">保存并使用</button>
                </div>
            </section>
            <aside>
                <h3>送货方式</h3>
                <div><span>快递配送</span><i class="iconfont icon-dagou"></i></div>
            </aside>
            <h4>商品清单</h4>
            <table class="table">
                <thead>
                </thead>
                <tbody></tbody>
                <tfoot>
                </tfoot>
            </table>


        </div>
    </div>
</body>
<script src="../lib/js/ajax1.js"></script>
<script src="../js/clear.js"></script>

</html>